<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jQuery Dom操作</title>
		<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
	</head>
	<body>
		<h2>1 text()、html() 以及 val()</h2>
		<div id="mydiv">
			<span>今天是个好日子</span>
		</div>
		<input type="text" name="username" id="username" />
		
		<input id="btn1"  type="button" value="获取内容" />
		<input id="btn2"  type="button" value="设置内容" />
		<input id="btn3"  type="button" value="设置获取value属性" />
		<input id="btn4"  type="button" value="添加" />
		<input id="btn5"  type="button" value="删除" />
		<input id="btn6"  type="button" value="遍历" />
		<script type="text/javascript">
			$(function(){
				$("#btn1").click(function(){
					alert($("#mydiv").text());
				});
				$("#btn2").click(function(){
					$("#mydiv").text("<h2>我爱北京</h2>");
				});
				$("#btn3").click(function(){
					//alert($("#username").val());
					$("#username").val("zhangsan");
				});
				$("#btn4").click(function(){
					$("#mydiv").append("<img src='img/003.jpg' width='100' />");
				});
				$("#btn5").click(function(){
					$("#mydiv").empty();
				});
				$("#btn6").click(function(){
					var arr=[10,20,30,40,50];
					$.each(arr, function(i,n) {
						alert(i+"...."+n);
					});
				});
			})
			
		</script>
	</body>
</html>
